<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>动画</title>
    <style>
        body{
            padding: 100px;
        }
        .d1 img:hover{
            cursor: pointer;
            animation: donghua 5s 0s infinite ease-in-out running;
        }
        @keyframes donghua {
            0%{height: 100px;width: 100px;transform: rotate(90deg)}
            25%{height: 200px;width: 200px;transform: rotate(180deg)}
           50%{height: 300px;width: 300px;transform: rotate(270deg)}
            75%{height: 400px;width: 400px;transform: rotate(300deg)}
            100%{height: 500px;width: 500px;transform: rotate(360deg)}
        }
    </style>
</head>
<body>
 <div class="d1">
     <img src="../fudongimage/8.jpg">
 </div>
</body>
</html>